<!DOCTYPE html>
<html lang="en">
<head>
    <title>提交成功</title>
    <#include "links.ftl">
    <style>
        .success {
            text-align: center;
            margin: 80px;
            font-family: "Adobe 黑体 Std R";
        }

        .success > .ok {
            height: 200px;
            width: 400px;
            margin: 0 auto;
            background-color: #3c3c3c;
            color: white;
            margin-bottom: 20px;
        }

        .success > .ok > span {
            padding-left: 54px;
            font-size: 30px;
            background: url("./img/icon/success.png") no-repeat left center;
            background-size: 45px;
            line-height: 200px;
        }

        .success > .home {
            font-size: 16px;
            color: #6AA3D7;
            font-weight: 800;
        }
    </style>
</head>
<body>
<div class="success">
    <div class="ok">
        <span>提交成功</span>
    </div>
    <p><a href="/order/user/list">点击查看我的订单</a></p>
    <p class="home"><span id="time">3</span>秒后自动跳转至首页...</p>
</div>
<script>
    var time = 3;
    var interval = setInterval(function () {
        if (time === 1) {
            clearInterval(interval)
            window.location.href = '/content/index'
        }
        $('#time').text(--time)
    }, 1000)
</script>
</body>
</html>